<!DOCTYPE html>
<html id="ng-app" ng-controller="GController">
    <head>
        <meta charset="utf-8">
        <title>404</title>
        <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon">
        <link href="/assets/css/global.min.css" rel="stylesheet">
        <link href="/assets/css/webdisap.min.css" rel="stylesheet">
        <script src="http://static.cheok.com/require/require-merge.min.js"></script>
        <script src="/assets/js/global.min.js"></script>

        <title>弹层调用demo</title>
        <style type="text/css">
            body{
                padding: 10px;
                background: #F8F8F8;
            }
            p{
                margin-bottom: 10px;
            }
            p a{
                text-decoration: none;
                color: #558EC4 !important;
                font-size: 14px;
            }
        </style>
    </head>
    <body>
        <div>
            <!-- <p>
                <a href="javascript:void(0);">加载中</a>
            </p> -->
            <p>
                <a href="javascript:void(0);">两个按钮，没有标题（as1）</a>
            </p>
            <p>
                <a href="javascript:void(0);">两个按钮，有标题（as2）</a>
            </p>
            <p>
                <a href="javascript:void(0);">一个按钮，没有标题（as3）</a>
            </p>
            <p>
                <a href="javascript:void(0);">一个按钮，有标题（as4）</a>
            </p>
            <p>
                <a href="javascript:void(0);">操作成功（ls1）</a>
            </p>
            <p>
                <a href="javascript:void(0);">操作失败（ls2）</a>
            </p>
         <!--    <p>
                <a href="javascript:void(0);">反馈文案，toast（as6）</a>
            </p> -->

            <div style="margin-top:50px;line-height: 1.5;">组件描述：
                <p>1、Loading：加载中，对应的有hide事件</p>
                <p>2、Say：通用警示组件，无按钮，定时自动消失</p>
                <p>3、Confirm：通用确认弹层组件，需要触发一定的点击事件才会关闭</p>
            </div>
        </div><!-- #pbody END -->
        <script>
            require(["say", "confirm", "loading"], function(Say, Confirm, loading){
                //加载中
                $("a").eq(0).click(function(){
                    Loading.show("提交中");
                    
                    setTimeout(function(){
                        Loading.hide();
                    }, 2000);
                });

                //as1
                $("a").eq(1).click(function(){
                    new Confirm({
                        desc: "体现卡只能奥迪法师打发士大夫是当时大士大夫士大夫是大法师的发送到发送到",
                        okText: "留在本页", //默认文案是确定，这里要改的话
                        cancelText: "退出",
                        onok: function(){//
                            alert("执行确定回调");
                        }
                    });
                });

                //as2
                $("a").eq(2).click(function(){
                    new Confirm({
                        title: "有标题的弹出层",
                        desc: "体现卡只能奥迪法师送到",
                        onok: function(){
                            alert("执行确定回调");
                        },
                        oncancel: function(){//取消也需要绑定事件的情况，请传
                            alert("执行取消回调");
                        }
                    });
                });

                //as3
                $("a").eq(3).click(function(){
                    //方式1
                    // new Confirm({
                    //     desc: "体现卡只能奥迪法师打发士大夫是当时大士大夫士大夫是大法师的发送到发送到",
                    //     onok: function(){
                    //         alert("执行确定回调");
                    //     },
                    //     "cancelText": ""//去掉取消按钮
                    // });

                    //方式2（不需要传确定回调的情况）
                    new Confirm("体现卡只能奥迪法师打发士大夫是当时大士大夫士大夫是大法师的发送到发送到");
                });

                //as4
                $("a").eq(4).click(function(){
                    new Confirm({
                        title: "有标题的弹出层",
                        desc: "体现卡只能奥迪法师打发士大夫是当时大士大夫士大夫是大法师的发送到发送到",
                        onok: function(){
                            alert("执行确定回调");
                        },
                        "cancelText": ""//默认会有取消按钮，这里去掉取消按钮
                    });
                });

                //ls1
                $("a").eq(5).click(function(){
                    new Say({
                        title: "提交成功范德萨发撒的的搜嘎大概大概萨顶顶",
                        type: "success"
                    });
                });

                //ls2
                $("a").eq(6).click(function(){
                    new Say({
                        title: "提交失败",
                        type: "error"
                    });
                });
            });
        </script>
    </body>
</html>